#cusInfo{
    background: #f3f6fb;
    width: calc(~"100% - 200px");
    overflow: hidden;
    padding: 25px 40px;
    .cusInfo-content{
        width: 100%;
        position: relative;
        .cusInfo-content-box{
            background-color: #fff;
            border-radius: 6px;
            box-shadow: 0px 0px 5px #ddd;
            .el-tabs__header{
                margin: 0;
            }
            .el-tabs__active-bar{
                width: 140px!important;
                height: 4px;
                background-color: #1e5ee3;
            }
            .el-tabs__item{
                height: 60px;
                line-height: 60px;
                width: 140px;
                padding: 0px;
                font-size: 16px;
            }
            .el-tabs__nav-wrap::after{
                background-color:#eaf2ff;
            }
            .el-tabs__item.is-active,.el-tabs__item:hover{
                color: #1e5ee3;
            }
            
        }
        
    }
}

#baseInfo{
    width: calc(~"100% - 150px");
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 20px 75px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    .baseInfo_title{
        font-size: 18px;
        color: #000;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
    }
    .el-form{
        width: 100%;
        .el-form-item{
            .el-form-item__label{
                width: 140px!important;
            }
            .el-form-item__content{
                margin-left: 160px!important;
                
                .el-input{
                    height: 32px;
                    width: 400px;
                    position: relative;
                    .el-input__inner{
                        height: 32px;
                        line-height: 32px;
                        border: 1px solid #D6E5FA;
                    }
                    .el-select__caret{
                        line-height: 32px;
                    }
                }
                
                .item-tip-span{
                    font-size: 12px;
                    margin-left: 20px;
                }
                .resetButton{
                    height: 32px;
                    width: 56px;
                    padding: 2px;
                    margin-left: 20px;
                }
                .el-date-editor{
                    width: 400px;
                    height: 32px;
                    line-height: 32px;
                    border: 1px solid #D6E5FA;
                    .el-icon-date:before, .el-range-separator{
                        position: relative;
                        top: -3px;
                    }
                }
            }
        }
        .el-divider{
            background: #D6E5FA;
        }
    }
    .divider{
        width: 100%;
        margin-bottom: 20px;
        span{
            position: absolute;
            left: 0;
            display: block;
            height: 1px;
            background: #D6E5FA;
            width: 100%;
        }
    }
    .tableBox{
        width: 100%;
        margin-top: 15px;
        position: relative;
        text-align: center;
        .sentimentTable{
            border-radius: 6px;
            // border-color: #d7e5fa;
            thead{
                th{
                    background: #e9f2ff;
                    .cell{
                        color: #333;
                        font-weight: normal;
                        text-align: center;
                    }
                }
            }
            .el-table__row{
                td{
                    padding: 0;
                    .cell{
                        min-height: 40px;
                        padding: 8px 0;
                        line-height: 24px;
                        font-size: 14px;
                        color: #333;
                        position: relative;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 4;
                        -webkit-box-orient: vertical;
                        .tableBtn{
                            // width: 40px;
                            display: inline-block;
                            cursor: pointer;
                            color: #fe5e5e;
                            font-size: 14px;
                            padding: 0 5px;
                        }
                        .expot, .edit{
                            color: #2d69e5;
                        }
                    }
                }
            }
        }
        .el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
            border-color: #d7e5fa; 
        }
        .el-table--border::after, .el-table--group::after, .el-table::before{
            background-color: #d7e5fa;
        }
        // .el-pagination{
        //     margin: 40px auto;
        //     display: inline-block;
        //     .el-pagination__sizes{
        //         position: absolute;
        //         left: 50px;
        //     }
        // }
    }
    .filterBox{
        width: 100%;
        margin-top: 20px;
        .filterBox-span{
            font-size: 14px;
            padding: 0 10px;
        }
        .el-select{
            height: 32px;
            margin-right: 20px;
            .el-input{
                height: 32px;
                .el-input__inner{
                    height: 32px;
                    border-color: #D6E6F6;
                }
                .el-select__caret{
                    line-height: 32px;
                }
            }
        }
    }
    #lineChart{
        width: 100%;
        height: 250px;
    }
    .groupBtn{
        width: 100%;
        text-align: center;
        margin: 60px 0 20px 0;
        .el-button:first-child{
            margin-right: 40px;
        }
    }
}

#personality{
    width: calc(~"100% - 150px");
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 20px 75px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    .personality_title{
        font-size: 18px;
        color: #000;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
    }
    .personality-li{
        width: 100%;
        padding: 5px 20px;
        .upload-demo{
            width: 100%;
            ul.el-upload-list{
                width: 200px;
                li.el-upload-list__item{
                    width: 100%;
                    img{
                        width: 178px;
                    }
                    .el-upload-list__item-status-label,.el-icon-upload-success,.el-icon-close{
                        z-index: 9;
                    }
                }
            }
        }
        .li-span{
            width: 120px;
            float: left;
            font-size: 14px;
            height: 32px;
            line-height: 32px;
        }
        .li-span2{
            width: 80px;
            float: left;
            font-size: 14px;
            height: 32px;
            line-height: 32px;
        }
        .li-ul{
            float: left;
            margin: 0;
            padding: 0;
            width: calc(~"100% - 200px");
            display: inline-block;
            list-style: none;
            font-size: 14px;
            li{
                float: left;
                padding: 0 10px;
                height: 32px;
                line-height: 32px;
                .el-button{
                    height: 24px;
                    width: 40px;
                    padding-left: 4px;
                    padding-top: 4px;
                    background: #34D093;
                    border-color: #34D093;
                }
            }
        }
        .el-radio{
            height: 32px;
            line-height: 32px;
        }
        .li-button{
            height: 24px;
            width: 40px;
            padding-left: 4px;
            padding-top: 4px;
            background: #34D093;
            border-color: #34D093;
        }
        .el-checkbox{
            margin-right: 30px;
        }
    }
    .el-form{
        width: 100%;
        margin-top: 15px;
        .el-form-item{
            .el-form-item__label{
                width: 140px!important;
            }
            .el-form-item__content{
                margin-left: 160px!important;
                
                .el-input{
                    height: 32px;
                    width: 400px;
                    position: relative;
                    .el-input__inner{
                        height: 32px;
                        line-height: 32px;
                        border: 1px solid #D6E5FA;
                    }
                    .el-select__caret{
                        line-height: 32px;
                    }
                }
                
                .item-tip-span{
                    font-size: 12px;
                    margin-left: 20px;
                }
            }
        }
        .el-divider{
            background: #D6E5FA;
        }
    }
    .groupBtn{
        width: 100%;
        text-align: center;
        margin: 60px 0 20px 0;
        .el-button:first-child{
            margin-right: 40px;
        }
        .el-button{
            width: 120px;
        }
    }
}

.cusWarn{
    .el-dialog__header{
        text-align: left;
        font-size: 16px!important;
    }
    .el-dialog__body{
        display: block;
        padding: 10px 40px;
        .checkDIV{
            width: 100%;
            height: 260px!important;
            border: 1px solid #D6E6F6;
            padding: 20px 0;
            overflow: auto;
            .el-checkbox{
                float: left;
                width: 200px;
                border: 1px solid #D6E6F6;
                height: 32px;
                line-height: 32px;
                margin: 0px 30px 20px 20px;
                .el-checkbox__input{
                    float: left;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    border-right: 1px solid #D6E6F6;
                }
                .el-checkbox__label{
                    float: left;
                    height: 32px;
                    line-height: 32px;
                }
            }
        }
    }
    .dialog-footer{
        text-align: center;
        .el-button{
            width: 120px;
        }
    }
}


#monitorCase{
    width: calc(~"100% - 150px");
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 20px 75px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    .baseInfo_title{
        font-size: 18px;
        color: #000;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
    }
    .el-form{
        width: 100%;
        margin-top: 15px;
        .el-form-item{
            .el-form-item__label{
                width: 170px!important;
            }
            .el-form-item__content{
                margin-left: 180px!important; 
                .el-input{
                    height: 32px;
                    width: 400px;
                    position: relative;
                    .el-input__inner{
                        height: 32px;
                        line-height: 32px;
                        border: 1px solid #D6E5FA;
                    }
                    .el-select__caret{
                        line-height: 32px;
                    }
                }
                
                .item-tip-span{
                    font-size: 12px;
                    margin-left: 20px;
                }
            }
        }
        .el-divider{
            background: #D6E5FA;
        }
    }
    .el-switch{
        position: relative;
        left: 0px;
    }
    .personality-li{
        width: 100%;
        padding: 5px 20px;
        .li-span{
            width: 120px;
            float: left;
            font-size: 14px;
            height: 32px;
            line-height: 32px;
        }
        .li-span2{
            width: 80px;
            float: left;
            font-size: 14px;
            height: 32px;
            line-height: 32px;
        }
        .li-ul{
            float: left;
            margin: 0;
            padding: 0;
            width: calc(~"100% - 200px");
            display: inline-block;
            list-style: none;
            font-size: 14px;
            li{
                width: 82px;
                float: left;
                padding: 0 10px;
                height: 32px;
                line-height: 32px;
                .el-button{
                    height: 24px;
                    width: 40px;
                    padding-left: 4px;
                    padding-top: 4px;
                    background: #34D093;
                    border-color: #34D093;
                }
            }
        }
        .el-radio{
            height: 32px;
            line-height: 32px;
        }
        .li-button{
            height: 24px;
            width: 40px;
            padding-left: 4px;
            padding-top: 4px;
            background: #34D093;
            border-color: #34D093;
        }
        .el-checkbox{
            margin-right: 30px;
        }
    }
    .groupBtn{
        width: 100%;
        text-align: center;
        margin: 60px 0 20px 0;
        .el-button:first-child{
            margin-right: 40px;
        }
        .el-button{
            width: 120px;
        }
    }
}

#cusWarn, #cusReport, #cusBrief, #cusSearch{
    width: calc(~"100% - 150px");
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 20px 75px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    .baseInfo_title{
        font-size: 18px;
        color: #000;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
    }
    .groupBtn{
        width: 100%;
        text-align: center;
        margin: 60px 0 20px 0;
        .el-button:first-child{
            margin-right: 40px;
        }
        .el-button{
            width: 120px;
        }
    }
}